.patient-number-date {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  .patient-number-date-inside{
    text-align: center;
    width: 100%;
    background: rgba(234, 240, 240, 0.7);
    border-radius: 40px 40px 0 0;
    height: calc(100%);
    padding: 30px 40px;
    box-sizing: border-box;

    .header{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 0 42px 28px 42px;
      box-sizing: border-box;
      .item{
        align-self: center;
      }
      .middle{
        padding: 0 40px;
        font-size: 52px;
        box-sizing: border-box;
        font-weight: 580;
        line-height: 1.38;
      }
      .left,.right{
        box-sizing: border-box;
        img{
          height: 60px;
          object-fit: cover;
        }
      }
    }

    .patient-number-area{
      height: calc(100% - 100px);
      background: #FFFFFF;
      box-sizing: border-box;
      border-radius: 18px;
      overflow: hidden;
      font-size: 44px;
      .item-childs{
        padding: 0 30px 0 30px;
        box-sizing: border-box;
      }
      .item-top{
        overflow: hidden;
        padding: 50px 30px 36px 30px;
        border-bottom: 1px #C0C4CC solid;
        .patient-number-item{
          display: flex;
          font-size: 48px;
          line-height: 1.42;
          flex-direction: row;
          padding-bottom: 20px;
          .left{
            color: #909399;
          }
        }
      }
      .item-middle{
        display: flex;
        flex-direction: row;
        padding: 50px 30px 36px 30px;
        justify-content: space-between;
        .left{
          font-weight: 500;
          font-size: 48px;
          color: #E73A51;
        }
        .right{
          background: #0059B3;
          border-radius: 12px;
          font-weight: 500;
          font-size: 38px;
          line-height: 1.42;
          color: #FFFFFF;
          padding: 12px 72px;

        }
      }
      .item-bottom{
        display: flex;
        text-align: center;
        padding: 20px 30px 60px 30px;
        flex-direction: column;
        justify-content: center;
        .content{
          background: rgba(255, 167, 44, 0.1);
          border-radius: 60px;
          line-height: 2.4;
          font-size: 32px;
          color: rgba(255, 167, 44, 1);;
        }
      }
    }
  }
}